<template>
  <div>
    <h2>我是父组件</h2>
    <SonZujian
      v-for="item in message"
      :key="item.id"
      :message="item"
    ></SonZujian>
  </div>
</template>

<script>
import SonZujian from './SonZujian.vue'
export default {
  name: 'FatherZujian',
  components: {
    SonZujian,
  },
  data() {
    return {
      message: [
        {
          id: '1',
          uname: 'harry',
          famliyName: 'despot',
          age: 28,
          profess: '前端',
        },
        {
          id: '2',
          uname: '三',
          famliyName: '张',
          age: 17,
          profess: '测试',
        },
        {
          id: '3',
          uname: '四',
          famliyName: '李',
          age: 21,
          profess: '全栈',
        },
        {
          id: '4',
          uname: '六',
          famliyName: '赵',
          age: 18,
          profess: '帕勒马斯',
        },
      ],
    }
  },

  methods: {},
}
</script>

<style scoped>
</style>
